header{
	border-bottom:1px solid #ededed;
	box-shadow: 0px 1px 9px 0px #F6F6F7;
}
.title{
     width: 7.1rem;
    height: 0.88rem;
    margin: 0 auto;
    font-size: 0.36rem;
    color: #5F5D5D;
    text-align: center;
    line-height: 0.88rem;
}
i.left_jt{
	color:#202020;
	position: absolute;
	left:0.2rem;
	top:50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.areaList{
	margin-top:0.88rem;
}
.area_list{
	font-size: 0;
	position: relative;
}
.area_item{
	width:100%;
	line-height: 0.88rem;
	padding:0 0.2rem;
	border-bottom:1px solid #DCDDDD;
	
}
.area_item i{
	color:#8C8C8D;
	font-size: 24px;
	float:right;
	line-height: 0.88rem;
	/*margin-right:0.1rem;*/
}
.area_item i.right_jt{
	 transform: rotate(90deg);
}
.area_name{
	font-size: 0.3rem;
	color:#5F5D5D;
	display: inline-block;
	margin-left:0.1rem;
}
.proList{
	width:100%;
	font-size: 0;
	display: none;
}
.proList_item{
	width:100%;
	height:0.88rem;
	line-height: 0.88rem;
	background: #F0F0F0;
	padding-left:0.7rem;
}
i.dian{
	color:#B6B6B7;
	font-size: 20px;
	float:left;
	line-height: 0.88rem;
}
.color_hui{
	background: #DCDDDD;
}
.pro_name{
	font-size: 0.3rem;
	color:#8B8B8C;
	display: inline-block;
	margin-left:0.2rem;
}
